{include file="public/header" /}
 <style>
        body {
      background: #e1e0de;
    }
    * {
      box-sizing: border-box;
    }
h1,
h2,
h3,
h4 {
  font-weight: 700 !important;
}
.layui-card-header {
  width: 100%;
  border-bottom: 1px solid #999 !important;
  padding-left: 5px;
}
.layui-card {
  padding: 10px 20px 50px;
}
p {
  margin: 0 0 10px !important;
}
.layui-container {
  padding: 0 !important;
}
img {
  max-width: 100%;
}
::-moz-selection {
  background: #cccccc;
  color: #ffffff;
}
::selection {
  background: #cccccc;
  color: #ffffff;
}
.layui-breadcrumb {
  padding-left: 5px;
}
.layui-card h1 {
  margin: 10px auto 0;
}
.description {
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0;
}

.layui-textarea {
  resize: none !important;
}

@media screen and (max-width: 800px) {
  .layui-card-header {
    line-height: normal !important;
    font-size: 10px !important;
  }
}

     
    .layui-card-body{
        padding: 10px 5px;
    }
    </style>
<div class="layui-container" style='font: 12px/14px arial,helvetica,sans-serif;'>
      <div class="layui-card">
        <span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
        <div class="layui-card-header">
          <h1>{:lang('Public Benefit Activities')}</h1>
        </div>
        <div class="layui-card-body">
          <div class="layui-row">
            <div
              class="layui-col-sm6 layui-col-xs12"
              style="float: left; margin: 0 auto"
            >
              <p style='color: #333;line-height: 24px;'>
                {:lang('LILY BEARING has always attached great importance to and actively fulfilled its corporate social responsibility. We should not only strive to create value for customers, but also do our best to support public welfare undertakings. Health and fairness have always been the pursuit of our enterprises, which is why we have cooperated with 15 feather public welfare teams to provide support and funding for badminton training programs for special children.')}
              </p>
            </div>

            <div class="layui-col-sm4 layui-col-xs12" style="float: right">
                <img style="width: 80%; height: 200px" src="{:Config::get('app.images_host')}/images/web/publicactivities1.jpeg">
              </div>
          </div>

          <div class="layui-row">
            <h3>{:lang('Lily-15 Feathers Project')}</h3>
            <div>
                <p style='color: #333;line-height: 24px;'>
                  {:lang('We work closely with Jinyang community foundation in Pudong New Area of Shanghai, and work with 15 feather teams to support public welfare projects for special children.')}
                </p>
                <p style='color: #333;line-height: 24px;'>
                  {:lang("In this activity, we not only have material support, but also take part in the badminton training of 10 children as volunteers, helping them carry out training, friendship competitions and awards. Looking at the smiles and sweat on the children's faces, we once again firmly believe in the significance and value of corporate public welfare activities.")}
                </p>
                <p style='color: #333;line-height: 24px;'>
                  {:lang('If we persist in public welfare activities, we will help more groups who need our help. This not only continues our tradition of fulfilling corporate social responsibility, but also is our commitment to the future.')}
                </p>
              </div>
              <div class="layui-col-sm4 layui-col-xs12">
                <img style="height: 280px; width: 100%; padding: 10px" src="{:Config::get('app.images_host')}/images/web/public_activities_4.jpeg">
              </div>
              <div class="layui-col-sm4 layui-col-xs12">
                <img style="height: 280px; width: 100%; padding: 10px" src="{:Config::get('app.images_host')}/images/web/public_activities_3.jpeg">
              </div>
              <div class="layui-col-sm4 layui-col-xs12">
                <img style="height: 280px; width: 100%; padding: 10px" src="{:Config::get('app.images_host')}/images/web/publicactivities2.jpg">
              </div>
          </div>
        </div>
      </div>
    </div>
 {include file="/public/footer" /} 

 <script>
      layui.use("element", function () {
        var element = layui.element;
        element.on("tab(demo)", function (data) {
          console.log(data);
        });
      });
    </script>  